<template>
  <div id="app">
    <!-- 1.路由组件占位，保持当前不包含Detail组件 -->
    <keep-alive exclude="Detail">
      <router-view />
    </keep-alive>
    <!-- 2.非路由组件-吸底Tab-bar(根据路由映射表中meta对象的footshow属性动态显示) -->
    <main-tab-bar v-if="$route.meta.footShow" />
  </div>
</template>

<script>
import MainTabBar from "components/content/maintabbar/mainTabbar";
export default {
  name: "App",
  components: { MainTabBar },
};
</script>

<style>
/* @引入css文件 */
@import "assets/css/base.css";
</style>
